<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>查看更多</title>
    <link href="/css/styleShibanhe.css" type="text/css" rel="stylesheet" />
</head>
<body>
<style>
    .content{min-width: 1300px;overflow-x:auto;}
    .banner{width: 100%;height: 484px;background: url(/img/banner2.png) no-repeat center center;background-size: 1920px 100%;position: relative;}
    .bannerArea{width: 1190px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;text-align: right;z-index: 2;}
    .bannerArea p{font-size: 35px;color: #fff;line-height: 1.4;font-weight: 200;text-transform:uppercase;}
    .nav{width: 100%;height: 48px;background: url(/img/nav.png) no-repeat center center;background-size: 1920px 48px;}
    .nav p{width: 1260px;margin: 0 auto;display: flex;align-items: center;height: 48px;color: #000000;}
    .nav p img{margin-right: 10px;}

    .main{width: 100%;background: url(/img/back2.png) no-repeat;background-size: 1920px 1346px;background-position: center bottom;padding-top: 1px;}
    .title{width: 518px;height: 81px;display: block;margin: 65px auto 20px;}
    .tabBox{height: 35px;width: 1260px;background: url(/img/tabBack.png) no-repeat;background-size: 1260px 1px;background-position: center center;margin:0 auto 60px;}
    .tabUl{padding-left: 28px;display: flex;justify-content: center;}
    .tabUl li{width: 186px;height: 35px;line-height: 35px;color: #50ac53;text-align: center;background: url(/img/active2.png) no-repeat;margin-right: 28px;cursor: pointer;font-size: 16px;}
    .tabUl li span{color: #0e62a7;}
    .tabUl li.active,.tabUl li:hover{background: url(/img/active1.png) no-repeat;color: #fff;}
    .tabUl li.active span,.tabUl li:hover span{color: #fff;}
    .scenic{width: 1220px;height: 244px;background: #fff;margin: 0 auto 20px;display: flex;}
    .scenicBox{padding: 40px 25px 0;position: relative;}
    .scenicName{height: 18px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
    .scenicName p{color: #000000;font-weight: 600;font-size: 18px;line-height: 18px;width: 70%;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
    .scenicName span{font-size: 14px;}
    .scenicP{font-size: 14px;color: #000000;line-height: 1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .scenicMore{position: absolute;bottom: 36px;left: 25px;}
    .scenicUl{padding-bottom: 52px;margin: 0 auto;width: 1220px;}
    .scenicUl li{margin-bottom: 10px;border-bottom: 1px dashed rgba(0,0,0,0.5);}
    .scenicUl li a{display: flex;align-items: center;height: 36px;justify-content: space-between;font-size: 15px;color: #000000;}
    .scenicUl li p{height: 36px;display: flex;align-items: center;}
    .scenicUl li p img{margin-right: 10px;}
    .scenicUl li span{opacity: 0.5;}
    .language{position: absolute;top:30px;right: 30px;font-size: 12px;z-index: 222}
    .language span{margin: 0 3px;color: #ccc;}
    .language .cur{color: #fff;}
    .nav a{color: black}
</style>
<div class="content">
    <div class="banner">
        <div class="language">
            <span class="cur">中文</span>
            <span>English</span>
            <span>日本語</span>
            <span>한국어</span>
        </div>
        <div class="head">
            <div class="headLeft cur">
                <a href="/">网站首页</a>
            </div>
            <div class="headLeft">
                <a href="/walking">走进景区</a>
            </div>
            <div class="headLeft">
                <a href="/impression">印象景区</a>
            </div>
            <div class="headLeft">
                <a href="/play">玩转景区</a>
            </div>
            <img class="logo" src="/img/logo.jpg" style="width:180px;height:172px"/>
            <div class="headRight">
                <a href="/shopping">景区周边</a>
            </div>
            <div class="headRight">
                <a href="/dynamic">景区动态</a>
            </div>
            <div class="headRight">
                <a href="/strategy">旅游攻略</a>
            </div>
            <div class="headRight">
                <a href="/service">客户服务</a>
            </div>
        </div>
        <div class="bannerArea">
            <p>> 景区动态</p>
            <p>Scenic Area Dynamics</p>
        </div>
    </div>

    <div class="nav">
        <p><img src="/img/location.png"/>您的位置：<a href="/">网站首页&nbsp;></a>&nbsp;<a href="#" class="siteChange">查看更多</a></p>
    </div>

    <div class="main">
        <br>

        <ul class="scenicUl">
            <!--<li>
                <a href="">
                    <p><img src="/img/arrow.png"/>景区要闻景区要闻景区要闻景区要闻景区要闻景区要闻景区要闻</p>
                    <span>2019-7-11</span>
                </a>
            </li>-->
        </ul>

        <div class="box">
            <div id="pagination" class="page fl"></div>
        </div>

        <div class="footer">
            <div class="footerTop">
                <span id="link">友情链接：</span>
                <!--<a href="#"><img src="/img/icon2.png" /></a>-->
            </div>
            <ul class="footUl">
                <li><a href="/">网站首页</a></li>
                <li><a href="/walking">走进石板河</a></li>
                <li><a href="/impression">印象石板河</a></li>
                <li><a href="/play">玩转石板河</a></li>
                <li><a href="/surrounding">景区导览</a></li>
                <li><a href="/dynamic">景区动态</a></li>
                <li><a href="/strategy">旅游攻略</a></li>
                <li><a href="/service.html">客户服务</a></li>
            </ul>
            <p><span id="companyName">安徽省石板河旅游发展有限公司</span>　版权所有　 <span id="copyright">Copyright © 2020 All Right Reserve　</span></p>
            <p>免责申明　皖公网安备 <span id="recordNo">34018102340321号</span></p>
            <p>技术支持：<span id="technicalSupport">徽章纵视</span></p>
        </div>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.pagination.js"></script>
<script>
    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }

    $(document).ready(function(){
        var pageCount=1;
        var totalData=1;


        var a=GetRequest();
        var articleType = a['articleType'];
        Init(0,articleType)

        function Init(pageIndex,articleType){
            $.ajax({
                type : "POST",
                url :  "/scenery/article/sceneryArticleList",
                data : {articleType:articleType,palyType:'',articleTitle:'',offset:pageIndex,limit:10},
                async : false,
                success : function(data) {
                    if(data != null && data != '') {
                        $("#pagination").append("<span>共"+data.total+"条信息</span>")
                        totalData=data.total
                        if(parseInt(data.total)>=10){
                            pageCount=Math.ceil(data.total/10);
                        }else{
                            pageCount=1;
                        }
                        var leijia="";
                        for (var i=0;i<data.rows.length;i++){
                            var div="<li><a href=\"/detail?id="+data.rows[i].id+"&articleType=12\"><p><img src='/img/arrow.png'/>"+data.rows[i].articleTitle+"</p> <span>"+data.rows[i].createTime+"</span></a></li>"
                            leijia+=div
                        }
                        $('.scenicUl').html(leijia);
                    }
                }
            });
        }
        function pageselectCallback(page_id, jq) {
            Init((page_id.getCurrent()-1)*10,articleType)
        }
        $("#pagination").pagination( {
            callback: pageselectCallback,//PageCallback() 为翻页调用次函数。
            pageCount: pageCount, //总页数
            totalData: totalData,
            items_per_page: 10, //每页的数据个数
            coping: true,
            homePage: '首页',
            endPage: '末页',
            prev_text: " 上一页",
            next_text: "下一页 ",
        });


        $.ajax({
            type : "POST",
            url :  "/system/link/linkList",
            async : false,
            success : function(data) {
                if(data != null && data != '') {
                    if(data.code==0){
                        var div=""
                        for (var i=0;i<data.linkList.length;i++){
                            div+="<a href='"+data.linkList[i].linkUrl+"'>";
                            $.ajax({
                                type : "POST",
                                url :  "/common/sysFile/list",
                                data : {attachId:data.linkList[i].attachId},
                                async : false,
                                success : function(data) {
                                    if(data != null && data != '') {
                                        div+="<img src='"+data[0].fileUrl+"' /></a>"
                                    }
                                }
                            });
                        }
                        $("#link").after(div)
                    }
                }
            }
        });

        $.ajax({
            type : "GET",
            url :  "/sys/sysSet/getSet",
            data : {type:''},
            async : false,
            success : function(data) {
                if(data != null && data != '') {
                    if(data.code==0){
                        var setDOList=data.setDOList
                        for (var i=0;i<setDOList.length;i++){
                            $("#"+setDOList[i].setCode).text(setDOList[i].setValue)
                        }
                    }
                }
            }
        });
    })


</script>
</body>
</html>
